import React, {useState, useEffect, useCallback} from "react";
import {inject, observer} from "mobx-react";
const IndexPage = ({indexStore}) => {
	useEffect(()=>{
		console.log('ageSize:', indexStore.ageSize);
	}, [indexStore.ageSize]);
	return <>
		<p>ageSize:{indexStore.ageSize}</p>
		<h3 onClick={()=>indexStore.setName()}>{indexStore.name}</h3>
		<p onClick={()=>indexStore.ageStore()}>{indexStore.age}</p>
	</>
}
export default inject('indexStore')(observer(IndexPage));
